<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en" >
    <meta charset="utf-8"/>
    <title>oppo手机</title>
    <link rel="stylesheet" type="text/css" href="css/public.css"/>
    <link rel="stylesheet" type="text/css" href="css/proList.css"/>
</head>
<body><!------------------------------head------------------------------>
<div class="head">
    <div  th:replace="common :: head" ></div>

</div>
<div class="banner"><a href="#"><img src="http://image.shop.com/phone/n5.jpg"/></a></div>
<!-----------------address------------------------------->
<div class="address">
    <div class="wrapper clearfix"><a href="javascript:void(0)">手机</a><span>/</span><a href="/oppophone" class="on">oppo手机</a>
    </div>
</div><!-------------------current---------------------->
<div class="current">
    <div class="wrapper clearfix"><h3 class="fl">oppo手机</h3>
        <div class="fr choice"><p class="default" >排序方式</p>
            <ul class="select"  >
                <li onclick="sel('createtime')" >新品上市</li>
                <li onclick="sel('pricedesc')" >价格从高到低</li>
                <li onclick="sel('priceasc')" >价格从低到高</li>
            </ul>
        </div>
    </div>
</div><!----------------proList------------------------->
<ul class="proList wrapper clearfix" id="oppo">
    <li th:each="good:${goods}" th:if="${good.cid==7 && good.isputaway}"><a  th:href="@{'/prodetail?id='+${good.id}}">
        <dl>
            <dt><img th:src="${good.image}"></dt>
            <dd th:text="${good.title.substring(0,20)}"></dd>
            <dd th:text="${'￥'+good.price}"></dd>
        </dl>
    </a></li>

</ul><!----------------mask------------------->

<div th:replace="common :: gotop"></div>

<div  th:replace="common :: footer"></div>
<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
<script src="js/nav.js" type="text/javascript" charset="utf-8"></script>
<script src="js/pro.js" type="text/javascript" charset="utf-8"></script>
<script src="js/cart.js" type="text/javascript" charset="utf-8"></script>
<script>
    function sel(text){
        var createtime = null;
        var price =null;
        var href= ''
        if (text=='createtime'){
           href+='/oppophone?createtime=true'
        }
        if (text=='pricedesc'){
            href+='/oppophone?price=true'
        }
        if (text=='priceasc'){
            href+='/oppophone?price=false'
        }
        $("#oppo").load(href + " #oppo")

    }
</script>
</body>
</html>